@font-face {
    font-family: 'DINMittelschriftLTRegular';
    src: url('fonts/din_1451_mittelschrift_lt-webfont.eot');
    src: url('fonts/din_1451_mittelschrift_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_1451_mittelschrift_lt-webfont.woff') format('woff'),
         url('fonts/din_1451_mittelschrift_lt-webfont.ttf') format('truetype'),
         url('fonts/din_1451_mittelschrift_lt-webfont.svgz#DINMittelschriftLTRegular') format('svg'),
         url('fonts/din_1451_mittelschrift_lt-webfont.svg#DINMittelschriftLTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DBThaiTextXRegular';
    src: url('fonts/db_thaitext_x-webfont.eot');
    src: url('fonts/db_thaitext_x-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_thaitext_x-webfont.woff') format('woff'),
         url('fonts/db_thaitext_x-webfont.ttf') format('truetype'),
         url('fonts/db_thaitext_x-webfont.svgz#DBThaiTextXRegular') format('svg'),
         url('fonts/db_thaitext_x-webfont.svg#DBThaiTextXRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AdobeGaramondProBold';
    src: url('fonts/agaramondpro-bold-webfont.eot');
    src: url('fonts/agaramondpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramondpro-bold-webfont.woff') format('woff'),
         url('fonts/agaramondpro-bold-webfont.ttf') format('truetype'),
         url('fonts/agaramondpro-bold-webfont.svgz#AdobeGaramondProBold') format('svg'),
         url('fonts/agaramondpro-bold-webfont.svg#AdobeGaramondProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'EngraversMTRegular';
    src: url('fonts/ufonts.com_engravers-mt-2-webfont.eot');
    src: url('fonts/ufonts.com_engravers-mt-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_engravers-mt-2-webfont.woff') format('woff'),
         url('fonts/ufonts.com_engravers-mt-2-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_engravers-mt-2-webfont.svgz#EngraversMTRegular') format('svg'),
         url('fonts/ufonts.com_engravers-mt-2-webfont.svg#EngraversMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'KozMinProRegularAlphaNum';
    src: url('fonts/KozMinPro-Regular-AlphaNum.eot');
    src: url('fonts/KozMinPro-Regular-AlphaNum.eot?#iefix') format('embedded-opentype'),
         url('fonts/KozMinPro-Regular-AlphaNum.woff') format('woff'),
         url('fonts/KozMinPro-Regular-AlphaNum.ttf') format('truetype'),
         url('fonts/KozMinPro-Regular-AlphaNum.svg#KozMinProRegularAlphaNum') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'prow3';
    src: url('fonts/prow3.eot');
    src: url('fonts/prow3.eot?#iefix') format('embedded-opentype'),
         url('fonts/prow3.woff') format('woff'),
         url('fonts/prow3.ttf') format('truetype');
    font-style: normal;

}
@font-face {
    font-family: 'prow6';
    src: url('fonts/prow6.eot');
    src: url('fonts/prow6.eot?#iefix') format('embedded-opentype'),
         url('fonts/prow6.woff') format('woff'),
         url('fonts/prow6.ttf') format('truetype');
    font-style: normal;

}

body{
    background:#ffffff;
    font-family:'Microsoft Sans Serif','Sans Serif';
    font-size:14px;
    margin:0;
    padding:0;
}
a{
    text-decoration:none;
}
.DBThaiTextXRegular{
  font-family: 'DBThaiTextXRegular';
}
.KozMinProRegularAlphaNum{
  font-family: 'KozMinProRegularAlphaNum';
}
.prow3{
  font-family: 'prow3';
}
.prow6{
  font-family: 'prow6';
}
.clear{
    clear:both;
    height:0;
    line-height:0;
}
.img_link{
    border:none;
    cursor:pointer;
}
.text_bold{
    font-weight:bold;
}

#intro{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:#000000;
  -moz-opacity:0;
  filter:alpha(opacity=0);
  opacity:0;
}
#wrapper{
    width:882px;
    margin:0 auto 0 auto;
}
#header{
    height:137px;
}
#header_top{
    height:38px;
    padding-top:34px;
}
#site_name{
    float:left;
    width:420px;
    padding-left:21px;
    font-size:14px;
}
#site_name a{
    color:#000000;
}
#header_facebook{
    float:left;
    width:429px;
    padding-right:12px;
    text-align:right;
}
#header_bottom{
    height:32px;
    padding:33px 12px 0 21px;
}
#top_menu{
    padding:0;
    margin:0;
    font-family: 'DINMittelschriftLTRegular';
    font-size:15px;
}
#top_menu li{
    display:block;
    float:left;
    padding:0 43px;
}
#top_menu li a{
    color:#aaaaaa;
}
#top_menu li a:hover , #top_menu li a.active{
    color:#000000;
    text-decoration:underline;
}
#top_menu li.first_child{
    padding-left:0;
}
#top_menu li.last_child{
    padding-right:0;
    text-align:right;
}
#content{
    background:url('../image/content_bg.jpg') top center no-repeat;
    min-height:661px;
}

/************************* HOME **************************/
.home img{
    margin:88px 0 0 274px;
}

/************************* ABOUT **************************/
#about_left{
    float:left;
    width:431px;
    color:#555555;
}
#about_right{
    float:left;
    width:451px;
}
#about_right img{
    margin:77px 0 0 6px;
}
#about_content { width: 332px; clear: both; margin: 58px 0 0 79px; }
#about_content .viewport { width: 300px; height: 480px; overflow: hidden; position: relative; }
#about_content .overview { list-style: none; position: absolute; left: 0; top: 0; line-height:20px;}
#about_content .thumb .end,
#about_content .thumb { background-color: #bbbdbf; }
#about_content .scrollbar { position: relative; float: right; width: 1px; }
#about_content .track { background-color: #bbbdbf; height: 100%; width:1px; position: relative; padding: 0; }
#about_content .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left:-2px; }
#about_content .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#about_content .disable{ display: none; }

#about_content .overview{
    font-size:13px;
}
#about_content .overview p{
    margin-bottom:25px;
}
#about_content .overview .ps{
    font-style:italic;
}
#about_content h3{
    font-size:13px;
    font-weight:bold;
    margin-bottom:0;
}
#about_content ul.about_ul1{
    margin-top:0;
}
#about_content ul.about_ul1 li{
    list-style:decimal;
}
#about_content ul.about_ul2 li{
    list-style:disc;
}
#about_content .en_text{
  font-size:20px;
}
/************************* CHOU A LA CREAM **************************/
#chou_a_la_creme_left{
    float:left;
    width:433px;
    background:url('../image/lotus.jpg') 70px 50px no-repeat;
}
#chou_a_la_creme_right{
    float:left;
    width:449px;
}
#chou_a_la_creme_right_img{
    width:325px;
    height:437px;
    padding:1px 0 0 1px;
    background:transparent url('../image/shadow_bg.png') top left no-repeat;
    margin:85px 0 0 70px;
}
#chou_a_la_creme_right_img img{
    width:300px;
}
#chou_a_la_creme_content { width: 332px; clear: both; margin: 108px 0 0 79px; }
#chou_a_la_creme_content .viewport { width: 300px; height: 440px; overflow: hidden; position: relative; margin-left:32px; }
#chou_a_la_creme_content .overview { list-style: none; position: absolute; left: 0; top: 0; line-height:20px;}
#chou_a_la_creme_content .thumb .end,
#chou_a_la_creme_content .thumb { background-color: #bbbdbf; }
#chou_a_la_creme_content .scrollbar { position: relative; float: left; width: 1px; }
#chou_a_la_creme_content .track { background-color: #bbbdbf; height: 100%; width:1px; position: relative; padding: 0; }
#chou_a_la_creme_content .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left:-2px; }
#chou_a_la_creme_content .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#chou_a_la_creme_content .disable{ display: none; }

#chou_a_la_creme_content .overview  ul{
    font-size:16px;
    font-family: 'AdobeGaramondProBold';
}
#chou_a_la_creme_content .overview  ul li{
    padding-bottom:20px;
    cursor:pointer;
    color:#aaaaaa;
}
#chou_a_la_creme_content .overview  ul li:hover{
    /*color:orange;*/
}
#chou_a_la_creme_content .overview  ul li.active{
    color:#000000;
}
#chou_a_la_creme_content .overview  ul li p{
    margin:0;
    padding:0;
}
/************************* JAPANESE CAKE **************************/
#japanese_cake_left{
    float:left;
    width:433px;
    background:url('../image/lotus.jpg') 70px 50px no-repeat;
}
#japanese_cake_right{
    float:left;
    width:449px;
}
#japanese_cake_right_img{
    width:325px;
    height:437px;
    padding:1px 0 0 1px;
    background:transparent url('../image/shadow_bg.png') top left no-repeat;
    margin:85px 0 0 70px;
}
#japanese_cake_right_img img{
    width:300px;
}
#japanese_cake_content { width: 332px; clear: both; margin: 108px 0 0 79px; }
#japanese_cake_content .viewport { width: 300px; height: 440px; overflow: hidden; position: relative; margin-left:32px; }
#japanese_cake_content .overview { list-style: none; position: absolute; left: 0; top: 0; line-height:20px;}
#japanese_cake_content .thumb .end,
#japanese_cake_content .thumb { background-color: #bbbdbf; }
#japanese_cake_content .scrollbar { position: relative; float: left; width: 1px; }
#japanese_cake_content .track { background-color: #bbbdbf; height: 100%; width:1px; position: relative; padding: 0; }
#japanese_cake_content .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left:-2px; }
#japanese_cake_content .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#japanese_cake_content .disable{ display: none; }

#japanese_cake_content .overview  ul{
    font-size:16px;
    font-family: 'AdobeGaramondProBold';
}
#japanese_cake_content .overview  ul li{
    padding-bottom:20px;
    cursor:pointer;
    color:#aaaaaa;
}
#japanese_cake_content .overview  ul li:hover{
    /*color:orange;*/
}
#japanese_cake_content .overview  ul li.active{
    color:#000000;
}
#japanese_cake_content .overview  ul li p{
    margin:0;
    padding:0;
}
/************************* DELIVERY & FAQ **************************/
#delivery_faq_left{
    float:left;
    width:321px;
    padding:66px 41px 0 71px;
    text-align:center;
    color:#555555;
}
#delivery_faq_left p{
    margin:25px 0 0 0;
    line-height:24px;
    font-size:15px;
    font-family: 'DINMittelschriftLTRegular';
}
#delivery_faq_right{
    float:left;
    width:358px;
    margin-left:43px;
    margin-top:26px;
    color:#555555;
    /*background:url('../image/faq_bg.jpg') top left repeat-x;*/
}
#delivery_faq_content { width: 350px; clear: both; margin: 45px 0 0 0; }
#delivery_faq_content .viewport { width: 343px; height: 490px; overflow: hidden; position: relative; }
#delivery_faq_content .overview { list-style: none; position: absolute; left: 0; top: 0; line-height:20px;}
#delivery_faq_content .thumb .end,
#delivery_faq_content .thumb { background-color: #bbbdbf; }
#delivery_faq_content .scrollbar { position: relative; float: right; width: 1px; }
#delivery_faq_content .track { background-color: #bbbdbf; height: 100%; width:1px; position: relative; padding: 0; }
#delivery_faq_content .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left:-2px; }
#delivery_faq_content .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#delivery_faq_content .disable{ display: none; }
#delivery_faq_content .overview{
    font-size:13px;
}
#faq_header{
    text-align:center;
    font-size:14px;
    font-family: 'DINMittelschriftLTRegular';
}
#faq_list{
    margin:20px 0 0 0;
}
#delivery_faq_content .overview  ul{
    padding-left:15px;
}
#delivery_faq_content .overview  ul li{
    font-family: 'DBThaiTextXRegular';
    font-size:13px;
}
#delivery_faq_content .en_text{
  font-size:20px;
}
/************************* CONTACT **************************/
#contact_left{
    float:left;
    width:431px;
}
#contact_right{
    float:left;
    width:285px;
    padding-top:73px;
    padding-left:107px;
    font-family: 'DINMittelschriftLTRegular';
    color:#555555;
}
#map_print{
    margin-top:80px;
    margin-left:64px;
}
#map_print h4{
    font-size:14px;
    line-height:20px;
    font-family: 'DINMittelschriftLTRegular';
}
#map_google{
    margin-top:40px;
    margin-left:64px;
}
#map_google h4{
    font-size:14px;
    line-height:20px;
    font-family: 'DINMittelschriftLTRegular';
}
#contact_right h2{
    font-size:15px;
    line-height:20px;
    font-weight:normal;
    margin:20px 0 0 0;
}
#contact_right ul{
    margin:0;
    padding:0;
}
#contact_right ul li{
    line-height:20px;
    font-size:14px;
}
#contact_right ul li img{
    margin-right:10px;
}
.contact_jp_text{
    color:#888888;
}

/************************* NEWS **************************/
#news_left{
  float:left;
  width:431px;
}
#news_right{
  float:left;
  width:451px;
}
#calendar_left{
  background:url('../image/calendar_bg.png') top left no-repeat;
  width:263px;
  height:403px;
  margin:34px 0 0 97px;
  padding:59px 0 0 7px;
}
#calendar_right{
  background:url('../image/calendar_bg.png') top left no-repeat;
  width:263px;
  height:403px;
  margin:34px 0 0 87px;
  padding:59px 0 0 7px;
}
.calendar_left{
  float:left;
  width:51px;
  height:120px;
  margin-bottom:14px;
}
.news .date{
  font-family: 'EngraversMTRegular';
  font-size:8px;
  text-align:center;
  margin-top:5px;
  margin-bottom:15px;
  color:#45587c;
}
.news .calendar_icon{
  text-align:center;
}
.news .calendar_icon img{
  margin-top:15px;
}
.news .date_30{
  margin-bottom:3px;
  min-height:20px;
}
.news .calendar_icon_30{
  text-align:center;
}
.news .calendar_icon_30 img{
  margin-top:3px;
}
.news .date_31{
  padding-top:8px;
  margin-bottom:3px;
}
.news .calendar_icon_31{
  text-align:center;
}
.news .calendar_icon_31 img{
  margin-top:3px;
}
.news_detail{
  font-family: 'AdobeGaramondProBold';
  color:#58585a;
  font-size:13px;
  line-height:22px;
  width:340px;
  margin-top:10px;
  margin-left:35px;
}
.news_detail img{
  margin-right:5px;
}

#news_list1 { width: 370px; clear: both; margin: 0 0 0 0; }
#news_list1 .viewport { width: 330px; height: 70px; overflow: hidden; position: relative; margin-left:32px; }
#news_list1 .overview { list-style: none; position: absolute; left: 0; top: 0;}
#news_list1 .thumb .end,
#news_list1 .thumb { background-color: #bbbdbf; }
#news_list1 .scrollbar { position: relative; float: right; width: 1px; }
#news_list1 .track { background-color: #bbbdbf; height: 100%; width:1px; position: relative; padding: 0; }
#news_list1 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left:-2px; }
#news_list1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#news_list1 .disable{ display: none; }

#news_list2 { width: 370px; clear: both; margin: 0 0 0 0; }
#news_list2 .viewport { width: 330px; height: 70px; overflow: hidden; position: relative; margin-left:32px; }
#news_list2 .overview { list-style: none; position: absolute; left: 0; top: 0;}
#news_list2 .thumb .end,
#news_list2 .thumb { background-color: #bbbdbf; }
#news_list2 .scrollbar { position: relative; float: right; width: 1px; }
#news_list2 .track { background-color: #bbbdbf; height: 100%; width:1px; position: relative; padding: 0; }
#news_list2 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left:-2px; }
#news_list2 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#news_list2 .disable{ display: none; }